<!DOCTYPE html>
<html>
  <head>
    <title>Stat546 Final Project</title>
    <meta charset='utf-8' />
    <meta content='width=1024, user-scalable=no' name='viewport' />
    <!-- deck.js's core css -->
    <link href="deck.js/core/deck.core.css" rel="stylesheet" type="text/css"/>
    <!-- deck.js extension CSS files -->
    <link href="deck.js/extensions/hash/deck.hash.css" rel="stylesheet" type="text/css"/>
    <link href="deck.js/extensions/navigation/deck.navigation.css" rel="stylesheet" type="text/css"/>
    <link href="deck.js/extensions/status/deck.status.css" rel="stylesheet" type="text/css"/>
    <link href="deck.js/extensions/menu/deck.menu.css" rel="stylesheet" type="text/css"/>
    <link href="deck.js/extensions/codemirror/deck.codemirror.css" rel="stylesheet" type="text/css"/>
    <link href="deck.js/extensions/goto/deck.goto.css" rel="stylesheet" type="text/css"/>
    <link href="deck.js/extensions/scale/deck.scale.css" rel="stylesheet" type="text/css"/>
    <!-- all css in the css dir: Keydown CSS, your custom CSS, and themes from deck.js -->
    <link href="css/keydown.css" rel="stylesheet" type="text/css"/>
    <link href="css/default.css" rel="stylesheet" type="text/css"/>
    <link href="css/syntax_highlighting.css" rel="stylesheet" type="text/css"/>
    <link href="css/swiss.css" rel="stylesheet" type="text/css"/>
    <link href="css/rocks.css" rel="stylesheet" type="text/css"/>
    <link href="css/horizontal-slide.css" rel="stylesheet" type="text/css"/>
    <link href="css/slides.css" rel="stylesheet" type="text/css"/>
    <link href="css/custom.css" rel="stylesheet" type="text/css"/>
    <link href="css/r-dev-lessons.css" rel="stylesheet" type="text/css"/>
    <!-- Modernizr (provided for legacy browsers) -->
    <script src="deck.js/support/modernizr.custom.js" type="text/javascript"></script>
  </head>
  <body class='deck-container keydown'>
    <section class='slide'>
      <div class='spacer top'></div>
      <div class='content'>
        <h1>How I <em>See</em> Bootstrap, Tests and KDE</h1>
        
        <h2>Yihui Xie</h2>
        
        <p>Stat546 Final Project</p>
        
        <p>http://yihui.name</p>
      </div>
      <div class='spacer bottom'></div>
    </section>
    <section class='full-background grim-repo slide'>
      <div class='spacer top'></div>
      <div class='content'>
        <h1>A nonconformist</h1>
      </div>
      <div class='spacer bottom'></div>
    </section>
    <section class='slide'>
      <div class='spacer top'></div>
      <div class='content'>
        <h1>Bootstrap is easy</h1>
        
        <p>but it took me a long while to understand it (I'm an MBA?)</p>
        
        <p><textarea class='code' display='none' mode='r'>library(animation)&#x000A;boot.iid()</textarea>
    </p>
      </div>
      <div class='spacer bottom'></div>
    </section>
    <section class='slide'>
      <div class='spacer top'></div>
      <div class='content'>
        <h1>Variablility plot?</h1>
        
        <p>when it is difficult to calculate the exact CI</p>
        
        <p><textarea class='code' display='none' mode='r'>library(animation)&#x000A;boot.lowess()</textarea>
    </p>
      </div>
      <div class='spacer bottom'></div>
    </section>
    <section class='slide'>
      <div class='spacer top'></div>
      <div class='content'>
        <h1>Test of randomness</h1>
        
        <p>a tale of two coins</p>
        
        <p><textarea class='code' display='none' mode='text'>Coin A&#x000A;&#x000A;11110000000000100000101100000100000101001111001100&#x000A;01111110010110110101101001111001100011011101100000&#x000A;10001001111110100100001011001011101101110001010010&#x000A;01100111111100011100101000101001110011100010100111&#x000A; &#x000A;Coin B&#x000A;&#x000A;01110010010010100010011110010100010011010111001110&#x000A;01111011010111101101001000111001101011010101101001&#x000A;00101001110110100100001110101101101001110101100110&#x000A;01110011110110001110011010111001110011110010100111</textarea>
    </p>
      </div>
      <div class='spacer bottom'></div>
    </section>
    <section class='slide'>
      <div class='spacer top'></div>
      <div class='content'>
        <h1>See tests</h1>
        
        <p>how do runs <em>look</em> like in our <a href="http://animation.r-forge.r-project.org/swf/fair-coin.swf">eyes</a>?</p>
      </div>
      <div class='spacer bottom'></div>
    </section>
    <section class='slide'>
      <div class='spacer top'></div>
      <div class='content'>
        <h1>Kernel density estimation</h1>
        
        <p>do we really need to care about the binwidth?</p>
        
        <p><textarea class='code' display='none' mode='r'>library(gWidgetsRGtk2)&#x000A;options(guiToolkit = 'RGtk2')&#x000A;tips = read.csv('http://dicook.public.iastate.edu/Army/tips.csv')&#x000A;x = tips$tip&#x000A;gslider(from = 1, to = 100, by = 1,&#x000A;        container = gwindow('Change the number of bins'),&#x000A;        handler = function(h, ...) {&#x000A;            hist(x, breaks = seq(min(x), max(x),&#x000A;                    length = svalue(h$obj)))&#x000A;        })</textarea>
    </p>
      </div>
      <div class='spacer bottom'></div>
    </section>
    <section class='slide'>
      <div class='spacer top'></div>
      <div class='content'>
        <h1>2D KDE</h1>
        
        <p>histograms are so mundane!</p>
        
        <p><textarea class='code' display='none' mode='r'>library(rgl)&#x000A;demo('bivar')</textarea>
    </p>
      </div>
      <div class='spacer bottom'></div>
    </section>
    <section class='slide'>
      <div class='spacer top'></div>
      <div class='content'>
        <h1>Same story</h1>
        
        <script src="https://gist.github.com/1470665.js"> </script>
      </div>
      <div class='spacer bottom'></div>
    </section>
    <section class='slide'>
      <div class='spacer top'></div>
      <div class='content'>
        <h1>Vote Compass</h1>
        
        <p><a href="http://votecompass.ca/results/federal/war-in-afghanistan/">beautiful</a> but...</p>
      </div>
      <div class='spacer bottom'></div>
    </section>
    <section class='bottom-left dark dragon full-background left slide'>
      <div class='spacer top'></div>
      <div class='content'>
        <h1>Conclusions</h1>
        
        <ul>
        <li>both form and function are important</li>
        <li>tools can restrict our mind</li>
        <li>both Stat542 and our eyes can do LRT</li>
        <li>either I'm insane, or we live (partly) in the ivory tower</li>
        </ul>
      </div>
      <div class='spacer bottom'></div>
    </section>
    <!-- deck.js navigation extension -->
    <a class='deck-prev-link' href='#' title='Previous'>&#8592;</a>
    <a class='deck-next-link' href='#' title='Next'>&#8594;</a>
    <!-- deck.js hash extension -->
    <a class='deck-permalink' href='.' title='Permalink to this slide'>#</a>
    <!-- deck.js status extension -->
    <p class='deck-status'>
      <span class='deck-status-current'></span>
      /
      <span class='deck-status-total'></span>
    </p>
    <!-- jQuery & deck.js -->
    <script src="deck.js/support/jquery.1.6.4.min.js" type="text/javascript"></script>
    <script src="deck.js/core/deck.core.js" type="text/javascript"></script>
    <!-- deck.js extension JS files -->
    <script src="deck.js/extensions/hash/deck.hash.js" type="text/javascript"></script>
    <script src="deck.js/extensions/navigation/deck.navigation.js" type="text/javascript"></script>
    <script src="deck.js/extensions/status/deck.status.js" type="text/javascript"></script>
    <script src="deck.js/extensions/menu/deck.menu.js" type="text/javascript"></script>
    <script src="deck.js/extensions/codemirror/codemirror.js" type="text/javascript"></script>
    <script src="deck.js/extensions/codemirror/deck.codemirror.js" type="text/javascript"></script>
    <script src="deck.js/extensions/codemirror/mode/css/css.js" type="text/javascript"></script>
    <script src="deck.js/extensions/codemirror/mode/htmlmixed/htmlmixed.js" type="text/javascript"></script>
    <script src="deck.js/extensions/codemirror/mode/xml/xml.js" type="text/javascript"></script>
    <script src="deck.js/extensions/codemirror/mode/coffeescript/coffeescript.js" type="text/javascript"></script>
    <script src="deck.js/extensions/codemirror/mode/haskell/haskell.js" type="text/javascript"></script>
    <script src="deck.js/extensions/codemirror/mode/diff/diff.js" type="text/javascript"></script>
    <script src="deck.js/extensions/codemirror/mode/ruby/ruby.js" type="text/javascript"></script>
    <script src="deck.js/extensions/codemirror/mode/r/r.js" type="text/javascript"></script>
    <script src="deck.js/extensions/codemirror/mode/yaml/yaml.js" type="text/javascript"></script>
    <script src="deck.js/extensions/codemirror/mode/clojure/clojure.js" type="text/javascript"></script>
    <script src="deck.js/extensions/codemirror/mode/clike/clike.js" type="text/javascript"></script>
    <script src="deck.js/extensions/codemirror/mode/plsql/plsql.js" type="text/javascript"></script>
    <script src="deck.js/extensions/codemirror/mode/lua/lua.js" type="text/javascript"></script>
    <script src="deck.js/extensions/codemirror/mode/scheme/scheme.js" type="text/javascript"></script>
    <script src="deck.js/extensions/codemirror/mode/javascript/javascript.js" type="text/javascript"></script>
    <script src="deck.js/extensions/codemirror/mode/velocity/velocity.js" type="text/javascript"></script>
    <script src="deck.js/extensions/codemirror/mode/php/php.js" type="text/javascript"></script>
    <script src="deck.js/extensions/codemirror/mode/sparql/sparql.js" type="text/javascript"></script>
    <script src="deck.js/extensions/codemirror/mode/xmlpure/xmlpure.js" type="text/javascript"></script>
    <script src="deck.js/extensions/codemirror/mode/stex/stex.js" type="text/javascript"></script>
    <script src="deck.js/extensions/codemirror/mode/python/python.js" type="text/javascript"></script>
    <script src="deck.js/extensions/codemirror/mode/rst/rst.js" type="text/javascript"></script>
    <script src="deck.js/extensions/codemirror/mode/smalltalk/smalltalk.js" type="text/javascript"></script>
    <script src="deck.js/extensions/goto/deck.goto.js" type="text/javascript"></script>
    <script src="deck.js/extensions/scale/deck.scale.js" type="text/javascript"></script>
    <!-- your custom JS here, including call to initialize deck.js-codemirror -->
    <script src="js/rocks.js" type="text/javascript"></script>
    <script src="js/slides.js" type="text/javascript"></script>
    <script src="js/custom.js" type="text/javascript"></script>
    <!-- Initialize the deck. -->
    <script type='text/javascript'>
      $(function() { $.deck('.slide'); });
    </script>
  </body>
</html>
